<ion-header>
  <ion-navbar color="dark">
    <ion-title>
      微信
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <ion-list>
    <ion-item *ngFor="let tv of topicViews" [ngClass]="{'item-focus':'item-focus','blue':'blue'}[tv.status]" (press)="popupMessageOptions($event, tv)"
     (click)="topicDetail(tv)" (mousedown)="setTopicViewStatus(tv, true)" (mouseup)="setTopicViewStatus(tv, false)">
      <img class="head-pic" src="{{tv.commuUserHeadPath}}">
      <span class="red-icon-word" *ngIf="tv.noReadMsg<10"><p [innerHtml]="tv.noReadMsg"></p></span>
      <span class="red-icon" *ngIf="tv.noReadMsg>9"></span>
      <span class="tv-name">{{tv.commuUserName}}</span>
      <span class="tv-content">{{tv.content}}</span>
      <span class="tv-time" [attr.datestr]="tv.updateTime" datedisplay></span>
    </ion-item>
  </ion-list>
</ion-content>
